import { ref } from "vue";
import {
  UserOutlined,
  // 添加其他需要的图标
} from "@ant-design/icons-vue";

//配置菜单数据
export const menuList = ref([
  {
    path: "/home",
    meta: {
      title: "首页",
      icon: UserOutlined,
    },
  },
  {
    path: "/profile",
    meta: {
      title: "个人中心",
      icon: UserOutlined,
    },
    children: [
      {
        path: "/setting",
        meta: {
          title: "基本设置",
          icon: UserOutlined,
        },
        children: [
          {
            path: "/account", // 相对路径
            meta: { title: "账号设置", icon: UserOutlined },
          },
        ],
      },
      {
        path: "/security",
        meta: {
          title: "安全设置",
          icon: UserOutlined,
        },
      },
    ],
  },

  {
    path: "/demo",
    meta: {
      title: "Demo组件",
      icon: UserOutlined,
    },
    children: [
      {
        path: "/svgLoading",
        meta: {
          title: "组件",
          icon: UserOutlined,
        },
      },
      {
        path: "/diyForm",
        meta: {
          title: "自定义表单",
          icon: UserOutlined,
        },
      },
      {
        path: "/waterfall",
        meta: {
          title: "瀑布流",
          icon: UserOutlined,
        },
      },
      {
        path: "/mobileVue",
        meta: {
          title: "移动端",
          icon: UserOutlined,
        },
      },
      {
        path: "/project",
        meta: {
          title: "流程步骤",
          icon: UserOutlined,
        },
      },
      {
        path: "/bootstrap",
        meta: {
          title: "bootstrap演示",
          icon: UserOutlined,
        },
      },
      {
        path: "/chats",
        meta: {
          title: "聊天评论",
          icon: UserOutlined,
        },
      },
    ],
  },
]);
